<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    link的rel属性必须写icon
    href属性填的是图片的地址

-->
    <link rel="icon" href="1.png" type="image/x-icon" />
</head>
<body>
<!--
  HTML（HyperText Markup Language，超文本标记语言）是一种用来告知浏览器如何组织页面的标记语言。

  标题标签 <h1></h1> 元素

  有些元素有特殊含义的
  块级元素：
    独占一行
  行级元素：
    不独占一行

-->

<!--先写一个标签 然后通过tab键自动补全-->
<p>这是一个段落标签</p>

<!--嵌套元素-->
<p>
<p>嵌套</p>
</p>
<p>My cat is <strong>very</strong> grumpy.</p>


<em>第一</em><em>第二</em><em>第三</em>

<p>第四</p>
<p>第五</p>
<p>第六</p>

<!--在标签内部写的内容 就是标签的属性 src就是一个属性-->
<!--<img-->
<!--    src="https://roy-tian.github.io/learning-area/extras/getting-started-web/beginner-html-site/images/firefox-icon.png"-->
<!--    alt="Firefox 图标"/>-->

<!--默认情况下多个空格会被浏览器认为是一个空白 所以想要实现多个空格 就要使用实体引用-->
<p>我 喜 欢 &nbsp;&nbsp;&nbsp;&nbsp;你 </p>


<!--怎么在浏览器中查看文档结构相关的信息
     右键：查看网页源代码 这就是前端的html结构代码
     右键：检查 用来调试


-->

</body>
</html>